.order-center {
  .order-center-container {
    background-color: @color-origin-white;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 123rpx);
    padding-bottom: calc(env(safe-area-inset-bottom));
    :deep(.u-tabs) {
      position: sticky;
      top: 0;
      background-color: #ffffff;
      z-index: 50;
      .u-tabs__wrapper {
        .u-tabs__wrapper__scroll-view-wrapper {
          .u-tabs__wrapper__scroll-view {
            .u-tabs__wrapper__nav {
              .u-tabs__wrapper__nav__item {
                flex: 1;
              }
              .u-tabs__wrapper__nav__line {
                height: 11rpx!important;
                background: @color-green!important;
              }
            }
          }
        }
      }
    }
    .list {
      padding: 0 31rpx;
    }
  }
  .fixed-btn {
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100vw;
    padding: 23rpx;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: border-box;
    background-color: @color-origin-white;
  }
  .popup-pay {
    font-family: 'ali-p';
    :deep(.u-popup__content) {
      padding: 35rpx 27rpx 26rpx 40rpx;
      box-sizing: border-box;
      border-radius: 33rpx 33rpx 0 0;
    }
    &__title {
      text-align: center;
      font-weight: 500;
      font-size: 31rpx;
      color: @color-black-text;
    }

    &__desc {
      border-top: 1px solid @color-light-grey-border;
      border-bottom: 1px solid @color-light-grey-border;
      padding: 20rpx 10rpx 17rpx 0;
      margin-top: 27rpx;
      &-title {
        font-family: 'ali-p';
        font-size: 31rpx;
        color: @color-black-text;
      }
      &-detail {
        display: flex;
        justify-content: space-between;
        font-size: 31rpx;
        font-family: 'ali-p';
        &-label {
          color: @color-light-grey-text;
        }
        &-value {
          color: @color-orange-text;
          margin-top: 17rpx;
        }
      }
    }

    :deep(.pay-way__img) {
      width: 44rpx;
      height: 44rpx;
      object-fit: cover;
    }
    :deep(.pay-way__name) {
      display: flex;
      flex-direction: column;
      font-family: 'ali-p';
      margin-left: 12rpx;
      &-title {
        font-weight: 500;
        font-size: 31rpx;
        color: @color-black-text;
      }

      &-desc {
        font-size: 23rpx;
        color: @color-light-grey-text;
        margin-top: 12rpx;
      }
    }

    :deep(.u-cell__title) {
      display: flex;
      align-items: center;
      /* #ifdef MP-WEIXIN */
      view {
        &:first-child {
          display: flex;
          align-items: center;
        }
      }
      /* #endif */
    }

    :deep(.u-cell__body) {
      padding-left: 0;
      padding-right: 0;
    }

    &__btn-group {
      .btn__pay,
      .btn__later-pay {
        width: 100%;
        height: 65rpx;
      }

      .btn__pay {
        margin-top: 53rpx;
      }

      .btn__later-pay {
        margin-top: 23rpx;
      }

      /* #ifdef MP-WEIXIN */
      :deep(.u-button) {
        &:first-child{
          margin-top: 53rpx;
        }
        &:last-child {
          margin-top: 23rpx;
        }
      }
      /* #endif */
    }
  }
}
